import Vue from "vue"
import VueRouter from "vue-router"
import Index from "./views/Index"
Vue.use(VueRouter)
const router = new VueRouter({
    mode: 'hash',
    routes: [{
        path: '/',
        redirect: '/Home',
        component: Index,
        children: [{
                path: 'Home',
                component: () =>
                    import ('./views/Index/Home'),
            },
            {
                path: '/about',
                component: () =>
                    import ('./views/Index/About'),
            },
            {
                path: 'online',
                component: () =>
                    import ('./views/Index/Online'),
            },
            {
                path: 'client',
                component: () =>
                    import ('./views/Index/Client'),
            },
            {
                path: 'musicList',
                component: () =>
                    import ('./views/Index/MusicList'),
            },
            {
                path: 'onsite',
                component: () =>
                    import ('./views/Index/Onsite'),
            },
            {
                path: 'ranklist',
                component: () =>
                    import ('./views/Index/RankList'),
            },
            {
                path: 'special',
                component: () =>
                    import ('./views/Index/Special'),
            },
            {
                path: 'coloring',
                component: () =>
                    import ('./views/Index/Coloring'),
            },
            {
                path: 'login',
                component: () =>
                    import ('./views/Index/Login'),
            },
            {
                path: 'register',
                component: () =>
                    import ('./views/Index/Register'),
            }

        ]
    }]
})

export default router